<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Gradient Button Hover</title>
		<link rel="stylesheet" href="./GradientButton.css"/>
	</head>
	<body>
		<div class="buttons">
		    <button class="btn-hover color-1">BUTTON</button>
		    <button class="btn-hover color-2">BUTTON</button>
		    <button class="btn-hover color-3">BUTTON</button>
		    <button class="btn-hover color-4">BUTTON</button>
		    <button class="btn-hover color-5">BUTTON</button>
		    <button class="btn-hover color-6">BUTTON</button>
		    <button class="btn-hover color-7">BUTTON</button>
		    <button class="btn-hover color-8">BUTTON</button>
		    <button class="btn-hover color-9">BUTTON</button>
		    <button class="btn-hover color-10">BUTTON</button>
		    <button class="btn-hover color-11">BUTTON</button>
		</div>

	</body>
</html>